<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8" />
	<title>注册页面</title>
	<!--    引入格式文件-->
	<link rel="stylesheet" href="./css/reg.css" />
	<script src="./lib/jquery.js"></script>
</head>

<body>
	<style></style>
	<div class="rg_layout">
		<div class="rg_left">
			<p>新用户注册</p>
			<p>USER REGISTER</p>
		</div>
		<div class="rg_center">
			<div class="rg_form">
				<form action="#" method="post" id="form1">
					<table>
						<tr>
							<td class="td_left"><label for="username">用户名</label></td>
							<td class="td_right">
								<input type="text" name="username" id="username" />
							</td>
						</tr>
						<tr>
							<td class="td_left"><label for="password">密码</label></td>
							<td class="td_right">
								<input type="password" name="password" id="password" />
							</td>
						</tr>
						<tr>
							<td class="td_left"><label for="phone">手机号</label></td>
							<td class="td_right">
								<input type="text" name="phone" id="phone" />
							</td>
						</tr>
						<tr>
							<td class="td_left"><label for="">性别</label></td>
							<td class="td_right">
								<label><input type="radio" name="sex" value="1" checked />男</label>&nbsp;&nbsp;&nbsp;
								<label><input type="radio" name="sex" value="0" />女</label>
							</td>
						</tr>
						<tr>
							<td class="td_left"><label for="">是否VIP</label></td>
							<td class="td_right">
								<label><input type="radio" name="vip" value="1" />是</label>&nbsp;&nbsp;&nbsp;
								<label><input type="radio" name="vip" value="0" checked />否</label>
							</td>
						</tr>
						<tr>
							<td class="td_left"><label for="question">密保问题</label></td>
							<td class="td_right">
								<input type="text" name="question" id="question" />
							</td>
						</tr>
						<tr>
							<td class="td_left"><label for="answer">密保答案</label></td>
							<td class="td_right">
								<input type="text" name="answer" id="answer" />
							</td>
						</tr>
						<tr>
							<td class="td_left"><label for="avatar">头像</label></td>
							<td class="td_right">
								<input type="text" id="avatar" disabled />
								<button>选择图片</button><input type="file" hidden />
							</td>
						</tr>
						<tr>
							<td colspan="2" align="center">
								<input type="submit" value="立即注册" id="btn_sub" />
							</td>
						</tr>
					</table>
				</form>
			</div>
		</div>
		<div class="rg_right">
			<p>已有账号？<a href="../01-loginBaseCode/login.html">立即登录</a></p>
		</div>
	</div>
	<script src="https://cdn.bootcdn.net/ajax/libs/axios/1.1.3/axios.js"></script>
	<script>
		$(function () {
			$('form').on('submit', async function (e) {
				e.preventDefault()
				// $.ajax({
				// 	type: 'post',
				// 	url: 'http://124.223.14.236:3001/api/user/reg',
				// 	data: {
				// 		username: $('#username').val(),
				// 		password: $('#password').val(),
				// 		phone: $('#phone').val(),
				// 		sex: +$('input[name="sex"]:checked').val(),
				// 		vip: +$('input[name="vip"]:checked').val(),
				// 		description: '',
				// 		question: $('#question').val(),
				// 		answer: $('#answer').val()
				// 	},
				// 	// dataType: 'json',
				// 	// headers: {
				// 	// 	'Content-Type': 'application/json'
				// 	// },
				// 	success({ success, msg }) {
				// 		if (!success) {
				// 			return alert(msg)
				// 		} else {
				// 			return alert(msg)
				// 		}
				// 	},
				// })
				const res = await axios.post('http://124.223.14.236:3001/api/user/reg', {
					username: $('#username').val(),
					password: $('#password').val(),
					phone: $('#phone').val(),
					sex: +$('input[name="sex"]:checked').val(),
					vip: +$('input[name="vip"]:checked').val(),
					description: '',
					question: $('#question').val(),
					answer: $('#answer').val()
				})
				alert(res.data.msg)
				location.href = "../01-loginBaseCode/login.html"
			})
		})
	</script>
</body>

</html>